#main-wrapper {
    background: rgb(239, 235, 233);
}

form {
    margin-bottom: 0; /*Resetting the css user agent, no where else this is needed, very weird*/
}

#form-wrapper {
    margin: 0 auto;
    max-width: 50em;
    padding: 2em 5em;
    border-radius: 2px;
    background: white;
    box-shadow: 0 1px 2px rgb(166, 166, 166);
}

#form-wrapper form div:first-child {
    margin-top: 2em;
    margin-bottom: 1em;
}

#form-wrapper h2 {
    margin-top: 0.4em;
    text-align: center;
}

#form-wrapper h4 {
    text-align: center;
}

#button {
    margin: auto 0 auto auto;
    font-size: 1.5em;
    padding: 0.1em 1em;
}

#submit-button-text-wrapper {
    display: flex;
    align-items: center;
}

#submit-button-text-wrapper > span {
    font-size: 16px;
    vertical-align: middle;
}

@media (max-width: 600px) {
    #form-wrapper {
        padding: 2em 2em;
    }

    #submit-button-text-wrapper {
        display: block;
    }

    #button {
        display: block;
        margin-top: 0.5em;
    }
}